<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

    <link  href="css/ui.css" rel="stylesheet" type="text/css" media="all" /> 
    <link  href="css/ui2.css" rel="stylesheet" type="text/css" media="all" /> 
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="./javascripts/ui.js"></script>
   
<title>Your Alice</title>
</head>
<body>

<div id="body1">

<div class="demo3">
 <table align="center" height="110px">
   <tr>
     <td></td>
   </tr>
 </table>

</div>
<div class="demo2">
<ol id="sortable">
   
	<li class="ui-state-hover14" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><a href="http://youralice.com"><img alt="http://youralice.com" src="./images/home.png"></a></li>
	<li class="ui-state-hover15" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="http://google.com" src="./images/a.png"></li>
	<li class="ui-state-hover16"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/l.png"></li>
	<li class="ui-state-hover1"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/i.png"></li>
	<li class="ui-state-hover2"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/c.png"></li>
    <li class="ui-state-hover3" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/e.png"></li>
	<li class="ui-state-hover4" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/in.png"></li>
	<li class="ui-state-hover5"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img align="right" alt="#" src="./images/pl.png"></li>
	<li class="ui-state-hover17"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/ap.png"></li>
	<li class="ui-state-hover7"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/pr.png"></li>
    <li class="ui-state-hover8" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/us.png"></li>
	<li class="ui-state-hover9" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/co.png"></li>
    <li class="ui-state-hover20"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/car.png"></li>            
	<li class="ui-state-hover10"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/com.png"></li>
    <li class="ui-state-hover12"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/sns.png"></li>            
	<li class="ui-state-hover11"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/art.png"></li>
	<li class="ui-state-hover18"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/is.png"></li>
    <li class="ui-state-hover19"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img alt="#" src="./images/flat.png"></li>           

</ol>
</div>
</div>
</body>
</html>